<template>
  <div class="page flex-col">
    <div class="box1 flex-col">
      <div class="section1 flex-col">
        <!-- <div class="outer1 flex-row">
          <div class="mod1 flex-col"></div>
          <span class="info1">Sketch</span>
          <div class="mod2 flex-col"></div>
          <span class="info2">9:41&nbsp;AM</span>
          <div class="mod3 flex-col"></div>
          <span class="word1">100%</span>
          <div class="mod4 flex-col"></div>
        </div>
        <div class="outer2 flex-row">
          <div class="outer3 flex-col"></div>
          <span class="txt1">产品分析</span>
          <span class="txt2">分享</span>
        </div> -->
      </div>
      <div class="section2 flex-col">
        <div class="mod5 flex-col">
          <div class="section3 flex-col">
            <div class="group1 flex-row">
              <img
                class="img1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7608214e07302e39cc45428040987f51b0030892d660ac698197e6df9df24caa"
              />
              <img
                class="pic1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdb55e5b1fcf68fd7dc4d8cda1e4e4e88011c4797c52ac736e8c9431692e7a4a7"
              />
            </div>
            <div class="group2 flex-col">
              <div class="wrap1 flex-col">
                <div class="mod6 flex-col"></div>
                <div class="mod7 flex-col">
                  <div class="mod8 flex-row">
                    <div class="box2 flex-col">
                      <span class="txt3">张小明</span>
                    </div>
                  </div>
                  <div class="mod9 flex-row">
                    <img
                      class="pic2"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdb55e5b1fcf68fd7dc4d8cda1e4e4e88011c4797c52ac736e8c9431692e7a4a7"
                    />
                  </div>
                  <div class="mod10 flex-col"></div>
                  <div class="mod11 flex-col">
                    <span class="word2">男&nbsp;|&nbsp;30周岁</span>
                    <img
                      class="img2"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb57e4bd13fa80af6f2b9ad2b7a5e4a426455589c3fb2b9bc19cf0ff229e8dbbb"
                    />
                  </div>
                  <span class="word3">
                    保额&nbsp;50万元&nbsp;&nbsp;|&nbsp;&nbsp;交费期间&nbsp;20年/15年
                  </span>
                </div>
              </div>
            </div>
            <img
              class="pic3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng17bcd1e41f0c0cbfd4839d617b0caced459c48339dfb3a5cd717556b2feb2462"
            />
          </div>
        </div>
      </div>
      <div class="section4 flex-row">
        <div class="section5 flex-col"><span class="txt4">产品信息</span></div>
        <div class="section6 flex-col"><span class="info3">国华人寿</span></div>
        <div class="section7 flex-col"><span class="txt5">泰康人寿</span></div>
      </div>
      <div class="section8 flex-row">
        <div class="mod12 flex-col"><span class="txt6">产品名称</span></div>
        <span class="paragraph1">
          国华康爱保医疗
          <br />
          保险
        </span>
        <span class="word4">泰康人生保险</span>
      </div>
      <div class="section9 flex-col"></div>
      <div class="section10 flex-row">
        <div class="group3 flex-col"><span class="word5">投保年龄</span></div>
        <span class="word6">30天-65岁</span>
        <span class="word7">30天-60岁</span>
      </div>
      <div class="section11 flex-col"></div>
      <div class="section12 flex-row">
        <span class="txt7">20年</span>
        <span class="word8">15年</span>
      </div>
      <div class="section13 flex-col"></div>
      <div class="section14 flex-row">
        <div class="layer1 flex-col"><span class="word9">保险期间</span></div>
        <span class="word10">20年</span>
        <span class="word11">终身</span>
      </div>
      <div class="section15 flex-col"></div>
      <div class="section16 flex-row">
        <div class="box3 flex-col">
          <span class="infoBox1">
            保险责任
            <br />
            (轻症)
          </span>
        </div>
        <span class="paragraph2">
          40种
          <br />
          35%/40%/45%
        </span>
        <span class="infoBox2">
          42种
          <br />
          30%*3次
        </span>
      </div>
      <div class="section17 flex-col"></div>
      <div class="section18 flex-row">
        <div class="outer4 flex-col">
          <span class="infoBox3">
            保险责任
            <br />
            (中症)
          </span>
        </div>
        <span class="paragraph3">
          100种/2次
          <br />
          保额100%每次
        </span>
        <span class="word12">-</span>
      </div>
      <div class="section19 flex-col"></div>
      <div class="section20 flex-row">
        <div class="layer2 flex-col"><span class="txt8">年交保费</span></div>
        <span class="info4">12110</span>
        <span class="txt9">13890</span>
      </div>
      <div class="section21 flex-col"></div>
      <div class="section22 flex-col">
        <div class="group4 flex-row">
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6729efb0c0faf2a4d995b041c1bdf17691821d9a4ec984b36d82936451d653c1"
          />
          <span class="word13">利益演示</span>
        </div>
      </div>
      <div class="section23 flex-row">
        <span class="word14">当被保人</span>
        <div class="layer3 flex-col">
          <div class="box4 flex-col"></div>
          <div class="box5 flex-col"></div>
        </div>
        <span class="info5">岁时</span>
      </div>
      <div class="section24 flex-row">
        <img
          class="icon2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8d08629a8c9e227956b463f84fdcc0f5bad71d5bcbbe96c47f11b7634afe8435"
        />
        <div class="layer4 flex-col"></div>
        <img
          class="icon3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngac211cd3797122d4b0eaee2ba8bc6b4d4839dc96a17e6ff53a33348a6eba1ffd"
        />
      </div>
      <span class="word15">拖动按钮可查看不同年龄相对应的保单利益</span>
      <div class="section25 flex-col"></div>
      <div class="section26 flex-row">
        <span class="word16">已交保费</span>
        <div class="layer5 flex-col"></div>
      </div>
      <div class="section27 flex-row">
        <span class="word17">50000</span>
        <div class="box6 flex-col">
          <div class="layer6 flex-col"></div>
          <span class="word18">48023</span>
        </div>
      </div>
      <div class="section28 flex-row">
        <span class="txt10">40000</span>
        <div class="bd1 flex-col"></div>
      </div>
      <div class="section29 flex-row">
        <span class="word19">30000</span>
        <div class="section30 flex-col"></div>
      </div>
      <div class="section31 flex-row">
        <span class="txt11">20000</span>
        <div class="section32 flex-col"></div>
      </div>
      <div class="section33 flex-row">
        <span class="word20">10000</span>
        <div class="mod13 flex-col"></div>
      </div>
      <div class="section34 flex-row">
        <span class="txt12">0岁</span>
        <span class="txt13">10岁</span>
        <span class="word21">20岁</span>
        <span class="word22">30岁</span>
        <span class="info6">40岁</span>
        <span class="info7">50岁</span>
        <span class="info8">60岁</span>
        <span class="word23">70岁</span>
        <span class="word24">80岁</span>
        <span class="info9">90岁</span>
        <span class="word25">100岁</span>
        <span class="info10">110岁</span>
      </div>
      <div class="section35 flex-row">
        <div class="outer5 flex-col"></div>
        <span class="txt14">安联淘气宝贝</span>
        <div class="outer6 flex-col"></div>
        <span class="txt15">泰康人生保险</span>
        <div class="outer7 flex-col"></div>
        <span class="word26">京东安联境内旅行险</span>
      </div>
      <div class="section36 flex-row">
        <div class="bd2 flex-col"></div>
        <span class="info11">安联财险乐享人生…</span>
      </div>
      <div class="section37 flex-col"></div>
      <div class="section38 flex-row">
        <div class="mod14 flex-col"><span class="txt16">产品信息</span></div>
        <div class="mod15 flex-col"><span class="word27">国华人寿</span></div>
        <div class="mod16 flex-col"><span class="txt17">泰康人寿</span></div>
      </div>
      <div class="section39 flex-row">
        <div class="group5 flex-col"><span class="word28">产品名称</span></div>
        <span class="paragraph4">
          国华康爱保医疗
          <br />
          保险
        </span>
        <span class="word29">泰康人生保险</span>
      </div>
      <div class="section40 flex-col"></div>
      <div class="section41 flex-row">
        <div class="layer7 flex-col"><span class="txt18">已交保费</span></div>
        <span class="info12">31,204.55元</span>
        <span class="word30">28,129.00元</span>
      </div>
      <div class="section42 flex-col"></div>
      <div class="section43 flex-row">
        <span class="word31">50,000.00元</span>
        <span class="word32">30,000.00元</span>
      </div>
      <div class="section44 flex-col"></div>
      <div class="section45 flex-row">
        <div class="section46 flex-col">
          <span class="word33">重疾医疗保险金</span>
        </div>
        <span class="info13">100,000.00元</span>
        <span class="word34">80,000.00元</span>
      </div>
      <div class="section47 flex-col"></div>
    </div>
    <div class="box7 flex-col">
      <div class="bd3 flex-row">
        <div class="section48 flex-col">
          <div class="mod17 flex-col">
            <img
              class="label1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng44c6fa3000e62bea6b25e5a32d2107728074b456510eae783aadf8703c470a6a"
            />
          </div>
          <span class="paragraph5">
            国华康爱保医疗保险
            <br />
            保险保险
          </span>
        </div>
        <div class="section49 flex-col">
          <img
            class="img3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7ffd27ebb3744d99c9598ff76ee0efccd0a35ea1736dcae42c8e3b55983fd5f6"
          />
        </div>
        <div class="section50 flex-col">
          <img
            class="pic4"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd7eaea218c4ffa5981c09c64c1d51617b45a893bd06864875cdb2f341aa2db0b"
          />
          <span class="word35">泰康人生保险</span>
        </div>
      </div>
    </div>
    <div class="box8 flex-col"><span class="word36">交费期间</span></div>
    <span class="info14">42</span>
    <div class="box9 flex-col"></div>
    <div class="box10 flex-col"></div>
    <div class="box11 flex-col">
      <div class="section51 flex-col">
        <div class="layer8 flex-row">
          <div class="bd4 flex-col"></div>
          <span class="info15">42岁</span>
        </div>
        <span class="paragraph6">
          京东安联境内旅行险&nbsp;20020
          <br />
          泰康人生保险&nbsp;26384.3
          <br />
          安联淘气宝贝&nbsp;26384.3
          <br />
          安联财险乐享人生医疗&nbsp;26384.3
        </span>
      </div>
    </div>
    <div class="box12 flex-col"></div>
    <span class="txt19">39000</span>
    <div class="box13 flex-col">
      <div class="box14 flex-row"><span class="word37">38000</span></div>
      <div class="box15 flex-row"><div class="section52 flex-col"></div></div>
      <span class="word38">37384.2</span>
      <div class="box16 flex-col">
        <div class="box17 flex-row">
          <span class="word39">35937</span>
          <div class="group6 flex-col"></div>
          <div class="group7 flex-col"></div>
          <div class="group8 flex-col"></div>
        </div>
        <div class="box18 flex-row">
          <div class="main1 flex-col"></div>
          <div class="main2 flex-col">
            <div class="bd5 flex-col"></div>
            <div class="bd6 flex-col"></div>
          </div>
          <div class="main3 flex-col">
            <div class="main4 flex-col"></div>
            <div class="main5 flex-col"></div>
            <span class="word40">20000</span>
          </div>
          <div class="main6 flex-col">
            <div class="section53 flex-row">
              <div class="bd7 flex-col">
                <span class="info16">28034</span>
                <div class="mod18 flex-col"></div>
              </div>
              <div class="bd8 flex-col">
                <span class="word41">29999</span>
                <div class="group9 flex-col"></div>
                <div class="group10 flex-col"></div>
              </div>
              <div class="bd9 flex-col">
                <span class="word42">30000</span>
                <div class="box19 flex-col"></div>
              </div>
              <div class="bd10 flex-col">
                <span class="word43">29384</span>
                <div class="mod19 flex-col"></div>
                <div class="mod20 flex-col"></div>
              </div>
            </div>
            <div class="section54 flex-row">
              <div class="box20 flex-col">
                <div class="box21 flex-col"></div>
                <span class="txt20">25000</span>
              </div>
              <div class="box22 flex-col">
                <div class="outer8 flex-col"></div>
                <span class="word44">24948.9</span>
              </div>
            </div>
          </div>
          <div class="main7 flex-col">
            <div class="box23 flex-col"></div>
            <div class="box24 flex-col"></div>
          </div>
          <div class="main8 flex-col">
            <div class="mod21 flex-col"></div>
            <div class="mod22 flex-col"></div>
            <span class="txt21">21003</span>
          </div>
          <div class="main9 flex-col">
            <div class="box25 flex-col"></div>
            <span class="word45">20000</span>
          </div>
          <span class="word46">32590</span>
        </div>
        <div class="box26 flex-row"><div class="group11 flex-col"></div></div>
        <div class="box27 flex-col"></div>
        <span class="word47">31294.2</span>
        <span class="txt22">28039</span>
        <span class="info17">22738</span>
        <span class="txt23">27384</span>
      </div>
    </div>
    <div class="box28 flex-col"></div>
    <div class="box29 flex-col">
      <div class="layer9 flex-row"><div class="bd11 flex-col"></div></div>
      <div class="layer10 flex-row">
        <div class="mod23 flex-col"></div>
        <div class="mod24 flex-col"></div>
      </div>
      <div class="layer11 flex-row">
        <div class="group12 flex-col"></div>
        <div class="group13 flex-col"></div>
        <div class="group14 flex-col"></div>
        <div class="group15 flex-col"></div>
      </div>
      <div class="layer12 flex-row">
        <div class="bd12 flex-col"></div>
        <div class="bd13 flex-col"></div>
      </div>
      <div class="layer13 flex-row"><div class="block1 flex-col"></div></div>
      <div class="layer14 flex-row"><div class="mod25 flex-col"></div></div>
    </div>
    <div class="box30 flex-col">
      <div class="bd14 flex-row">
        <div class="bd15 flex-col"></div>
        <div class="bd16 flex-col"></div>
        <div class="bd17 flex-col"></div>
        <div class="bd18 flex-col"></div>
      </div>
      <div class="bd19 flex-row">
        <div class="group16 flex-col"></div>
        <div class="group17 flex-col"></div>
      </div>
      <div class="bd20 flex-row">
        <div class="outer9 flex-col"></div>
        <div class="outer10 flex-col"></div>
        <div class="outer11 flex-col"></div>
      </div>
      <div class="bd21 flex-row"><div class="main10 flex-col"></div></div>
    </div>
    <span class="info18">15324</span>
    <div class="box31 flex-col"></div>
    <div class="box32 flex-col"></div>
    <span class="word48">16382</span>
    <span class="info19">10030.2</span>
    <div class="box33 flex-col"><span class="word49">身故保险金</span></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3058px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 0;
  .box1 {
    z-index: auto;
    width: 750px;
    height: 3034px;
    .section1 {
      z-index: 5;
      height: 129px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng692e99e46c4d0479aa38e6ff54586d68022e756d4db2c6bf6d43d7b59adc00d3)
        100% no-repeat;
      width: 750px;
      .outer1 {
        z-index: auto;
        width: 730px;
        height: 26px;
        margin: 7px 0 0 11px;
        .mod1 {
          z-index: 23;
          width: 30px;
          height: 18px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng048d9b2ccae17311511811f8ab8722608f37871a92bfb649a58429bb2281c4f9) -8px -6px
            no-repeat;
          margin-top: 2px;
        }
        .info1 {
          z-index: 22;
          width: 67px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(3, 3, 3, 1);
          font-size: 21px;
          font-family: Helvetica;
          line-height: 26px;
          margin-left: 6px;
        }
        .mod2 {
          z-index: 28;
          width: 26px;
          height: 18px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2f9956a3c64f2711d276251d4c27f95972737688ba4c5d627c06cb1dfa84d2f8) -7px -6px
            no-repeat;
          margin: 2px 0 0 15px;
        }
        .info2 {
          z-index: 19;
          width: 81px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(3, 3, 3, 1);
          font-size: 21px;
          font-family: Helvetica;
          line-height: 26px;
          text-align: center;
          margin-left: 180px;
        }
        .mod3 {
          z-index: 18;
          width: 11px;
          height: 18px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfd863b5fa837d39fff4bc5b39d79958369f055a3aed20358a1c38375e3d9946b) -8px -7px
            no-repeat;
          margin: 2px 0 0 197px;
        }
        .word1 {
          z-index: 17;
          width: 60px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(3, 3, 3, 1);
          font-size: 21px;
          font-family: Helvetica;
          line-height: 26px;
          text-align: right;
          margin-left: 4px;
        }
        .mod4 {
          z-index: 11;
          width: 48px;
          height: 21px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng23512d72112e2dac38d2294d6ae5d4338b995653c1f1304a046c289a9ee6e313) -15px -15px
            no-repeat;
          margin: 2px 0 0 5px;
        }
      }
      .outer2 {
        z-index: auto;
        width: 674px;
        height: 48px;
        margin: 28px 0 0 36px;
        .outer3 {
          z-index: 34;
          width: 20px;
          height: 36px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc7ce3dac3c070ab4b725b546a57be30eaff262c7511bb2cbaaa320eebc97f6d6)
            100% no-repeat;
          margin-top: 6px;
        }
        .txt1 {
          z-index: 32;
          width: 238px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 34px;
          font-family: PingFangSC-Medium;
          line-height: 48px;
          text-align: center;
          margin-left: 200px;
        }
        .txt2 {
          z-index: 182;
          width: 64px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 32px;
          line-height: 45px;
          text-align: right;
          margin-left: 152px;
        }
      }
    }
    .section2 {
      z-index: 36;
      height: 305px;
      background-color: rgba(31, 44, 125, 0.29);
      width: 750px;
      .mod5 {
        z-index: 37;
        height: 305px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9f9abcca4b80b8e537b804c966b4a216e87f57c8b1228f7c9fac3e412c482f8a)
          100% no-repeat;
        width: 750px;
        .section3 {
          z-index: 38;
          height: 305px;
          background-color: rgba(0, 0, 0, 0.39);
          width: 750px;
          justify-content: flex-start;
          align-items: flex-start;
          position: relative;
          .group1 {
            z-index: auto;
            width: 710px;
            height: 193px;
            justify-content: space-between;
            .img1 {
              z-index: 43;
              width: 251px;
              height: 193px;
            }
            .pic1 {
              z-index: 39;
              width: 89px;
              height: 19px;
              margin-top: 172px;
            }
          }
          .group2 {
            z-index: 50;
            height: 305px;
            background-color: rgba(31, 44, 125, 0.29);
            width: 750px;
            position: absolute;
            left: 0;
            top: 0;
            .wrap1 {
              z-index: 51;
              height: 305px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng06c039cde1a1acc8c0515103b535d5e6f9df2d70ce65410db66a2002e58f3c2f)
                100% no-repeat;
              width: 750px;
              align-items: flex-end;
              position: relative;
              .mod6 {
                z-index: 52;
                width: 379px;
                height: 305px;
                background-image: linear-gradient(
                  272deg,
                  rgba(255, 255, 255, 0.28) 0%,
                  rgba(255, 255, 255, 0) 100%
                );
              }
              .mod7 {
                z-index: 53;
                height: 305px;
                background-color: rgba(0, 0, 0, 0.28);
                width: 750px;
                position: absolute;
                left: 0;
                top: 0;
                .mod8 {
                  z-index: auto;
                  width: 240px;
                  height: 167px;
                  .box2 {
                    z-index: 58;
                    height: 167px;
                    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28f33e7d8fe2e6aa058e832153038391f1395ffba66999582eb17b4e16e9874b)
                      100% no-repeat;
                    width: 240px;
                    justify-content: flex-start;
                    align-items: flex-end;
                    padding: 53px 57px 0 0;
                    .txt3 {
                      z-index: 141;
                      width: 121px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(255, 255, 255, 1);
                      font-size: 40px;
                      letter-spacing: 0.23529410362243652px;
                      font-family: PingFangSC-Medium;
                      line-height: 56px;
                      text-align: left;
                    }
                  }
                }
                .mod9 {
                  z-index: auto;
                  width: 89px;
                  height: 19px;
                  margin: 5px 0 0 621px;
                  .pic2 {
                    z-index: 54;
                    width: 89px;
                    height: 19px;
                  }
                }
                .mod10 {
                  z-index: 61;
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 750px;
                  height: 1px;
                  background-color: rgba(235, 235, 235, 1);
                }
                .mod11 {
                  z-index: 145;
                  position: absolute;
                  left: 193px;
                  top: 63px;
                  width: 131px;
                  height: 36px;
                  border-radius: 6px;
                  overflow: hidden;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3c82aeb52a631e1249953138da59d2792ebb85214527ee65ef37872d3c2c17d5)
                    100% no-repeat;
                  .word2 {
                    z-index: 147;
                    position: absolute;
                    left: 5px;
                    top: 2px;
                    width: 122px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(113, 77, 10, 1);
                    font-size: 24px;
                    line-height: 33px;
                    text-align: center;
                  }
                  .img2 {
                    z-index: 146;
                    position: absolute;
                    left: 67px;
                    top: 0;
                    width: 64px;
                    height: 36px;
                  }
                }
                .word3 {
                  z-index: 148;
                  position: absolute;
                  left: 62px;
                  top: 121px;
                  width: 419px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(255, 255, 255, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
          }
          .pic3 {
            z-index: 46;
            position: absolute;
            left: 424px;
            top: 37px;
            width: 326px;
            height: 268px;
          }
        }
      }
    }
    .section4 {
      z-index: auto;
      width: 670px;
      height: 90px;
      justify-content: space-between;
      margin: 135px 0 0 40px;
      .section5 {
        z-index: 71;
        height: 90px;
        background-color: rgba(200, 213, 252, 0.44);
        width: 160px;
        justify-content: center;
        align-items: center;
        .txt4 {
          z-index: 72;
          width: 112px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .section6 {
        z-index: 66;
        height: 90px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28c1b940b0298b20890eb9916d64b2de378191666e0939797ef5d1b89f20c744)
          100% no-repeat;
        width: 253px;
        justify-content: center;
        align-items: center;
        .info3 {
          z-index: 68;
          width: 96px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .section7 {
        z-index: 64;
        height: 90px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28c1b940b0298b20890eb9916d64b2de378191666e0939797ef5d1b89f20c744)
          100% no-repeat;
        width: 253px;
        justify-content: center;
        align-items: center;
        .txt5 {
          z-index: 69;
          width: 96px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
    }
    .section8 {
      z-index: auto;
      width: 615px;
      height: 104px;
      margin: 2px 0 0 41px;
      .mod12 {
        z-index: 73;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .txt6 {
          z-index: 74;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .paragraph1 {
        z-index: 76;
        width: 168px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 19px 0 0 43px;
      }
      .word4 {
        z-index: 77;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 100px;
      }
    }
    .section9 {
      z-index: 75;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section10 {
      z-index: auto;
      width: 603px;
      height: 104px;
      margin-left: 41px;
      .group3 {
        z-index: 78;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .word5 {
          z-index: 79;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .word6 {
        z-index: 81;
        width: 121px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 67px;
      }
      .word7 {
        z-index: 82;
        width: 121px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 134px;
      }
    }
    .section11 {
      z-index: 80;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section12 {
      z-index: auto;
      width: 306px;
      height: 33px;
      justify-content: space-between;
      margin: 35px 0 0 302px;
      .txt7 {
        z-index: 86;
        width: 53px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
      .word8 {
        z-index: 87;
        width: 49px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .section13 {
      z-index: 85;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
      margin-top: 35px;
    }
    .section14 {
      z-index: auto;
      width: 567px;
      height: 104px;
      margin-left: 41px;
      .layer1 {
        z-index: 88;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .word9 {
          z-index: 89;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .word10 {
        z-index: 91;
        width: 53px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 101px;
      }
      .word11 {
        z-index: 92;
        width: 48px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 205px;
      }
    }
    .section15 {
      z-index: 90;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section16 {
      z-index: auto;
      width: 594px;
      height: 104px;
      margin: 1px 0 0 41px;
      .box3 {
        z-index: 93;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .infoBox1 {
          z-index: 94;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .paragraph2 {
        z-index: 96;
        width: 181px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 19px 0 0 37px;
      }
      .infoBox2 {
        z-index: 97;
        width: 103px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 19px 0 0 113px;
      }
    }
    .section17 {
      z-index: 95;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section18 {
      z-index: auto;
      width: 550px;
      height: 104px;
      margin-left: 41px;
      .outer4 {
        z-index: 98;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .infoBox3 {
          z-index: 99;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .paragraph3 {
        z-index: 101;
        width: 158px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 19px 0 0 49px;
      }
      .word12 {
        z-index: 102;
        width: 15px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 168px;
      }
    }
    .section19 {
      z-index: 100;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section20 {
      z-index: auto;
      width: 577px;
      height: 104px;
      margin: 1px 0 0 41px;
      .layer2 {
        z-index: 105;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .txt8 {
          z-index: 106;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .info4 {
        z-index: 104;
        width: 83px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(234, 158, 17, 1);
        font-size: 34px;
        font-family: PingFangSC-Medium;
        line-height: 48px;
        text-align: center;
        margin: 28px 0 0 86px;
      }
      .txt9 {
        z-index: 103;
        width: 68px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 180px;
      }
    }
    .section21 {
      z-index: 107;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section22 {
      z-index: 184;
      height: 70px;
      align-self: flex-start;
      margin-top: 40px;
      width: 218px;
      justify-content: center;
      align-items: flex-end;
      padding-right: 18px;
      .group4 {
        z-index: auto;
        width: 160px;
        height: 45px;
        justify-content: space-between;
        .icon1 {
          z-index: 186;
          width: 12px;
          height: 32px;
          margin-top: 7px;
        }
        .word13 {
          z-index: 185;
          width: 128px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 32px;
          font-family: PingFangSC-Semibold;
          line-height: 45px;
          text-align: left;
        }
      }
    }
    .section23 {
      z-index: auto;
      width: 280px;
      height: 40px;
      justify-content: space-between;
      margin: 30px 0 0 235px;
      .word14 {
        z-index: 189;
        width: 112px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
      .layer3 {
        z-index: auto;
        width: 91px;
        height: 19px;
        margin-top: 17px;
        .box4 {
          z-index: 191;
          width: 14px;
          height: 10px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaf1efea36ed7758be4959169c989f20f61b219c958a8bf0ac2ec2a12dce732a8)
            100% no-repeat;
          align-self: flex-end;
          margin-right: 8px;
        }
        .box5 {
          z-index: 192;
          width: 91px;
          height: 1px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng32c9c8e018e199786b8bb4c293405280689f616f918fc575c5171fbabb16eb6b)
            0px 0px no-repeat;
          margin-top: 8px;
        }
      }
      .info5 {
        z-index: 190;
        width: 56px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
    }
    .section24 {
      z-index: auto;
      width: 456px;
      height: 28px;
      justify-content: space-between;
      margin: 50px 0 0 147px;
      .icon2 {
        z-index: 194;
        width: 28px;
        height: 28px;
      }
      .layer4 {
        z-index: 204;
        width: 360px;
        height: 6px;
        border-radius: 3px;
        background-color: rgba(190, 194, 204, 0.1);
        margin-top: 11px;
      }
      .icon3 {
        z-index: 198;
        width: 28px;
        height: 28px;
      }
    }
    .word15 {
      z-index: 203;
      width: 380px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(190, 194, 204, 1);
      font-size: 20px;
      line-height: 28px;
      text-align: center;
      align-self: center;
      margin-top: 30px;
    }
    .section25 {
      z-index: 140;
      width: 670px;
      height: 1px;
      background-color: rgba(225, 228, 235, 1);
      align-self: center;
      margin-top: 40px;
    }
    .section26 {
      z-index: auto;
      width: 138px;
      height: 40px;
      justify-content: space-between;
      margin: 39px 0 0 306px;
      .word16 {
        z-index: 307;
        width: 112px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 28px;
        font-family: PingFangSC-Medium;
        line-height: 40px;
        text-align: left;
      }
      .layer5 {
        z-index: 308;
        width: 14px;
        height: 10px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaf1efea36ed7758be4959169c989f20f61b219c958a8bf0ac2ec2a12dce732a8)
          100% no-repeat;
        margin-top: 15px;
      }
    }
    .section27 {
      z-index: auto;
      width: 680px;
      height: 39px;
      justify-content: space-between;
      margin: 120px 0 0 35px;
      .word17 {
        z-index: 208;
        width: 66px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 22px;
        line-height: 30px;
        text-align: center;
      }
      .box6 {
        z-index: auto;
        width: 598px;
        height: 25px;
        margin-top: 14px;
        .layer6 {
          z-index: 207;
          width: 592px;
          height: 1px;
          background-color: rgba(225, 228, 235, 0.3);
          align-self: flex-start;
        }
        .word18 {
          z-index: 277;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(167, 172, 185, 1);
          font-size: 16px;
          line-height: 22px;
          text-align: center;
          align-self: flex-end;
          margin-top: 2px;
        }
      }
    }
    .section28 {
      z-index: auto;
      width: 674px;
      height: 30px;
      justify-content: space-between;
      margin: 44px 0 0 35px;
      .txt10 {
        z-index: 210;
        width: 66px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 22px;
        line-height: 30px;
        text-align: center;
      }
      .bd1 {
        z-index: 209;
        width: 592px;
        height: 1px;
        background-color: rgba(225, 228, 235, 0.3);
        margin-top: 14px;
      }
    }
    .section29 {
      z-index: auto;
      width: 674px;
      height: 30px;
      justify-content: space-between;
      margin: 53px 0 0 35px;
      .word19 {
        z-index: 212;
        width: 66px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 22px;
        line-height: 30px;
        text-align: center;
      }
      .section30 {
        z-index: 211;
        width: 592px;
        height: 1px;
        background-color: rgba(225, 228, 235, 0.3);
        margin-top: 14px;
      }
    }
    .section31 {
      z-index: auto;
      width: 674px;
      height: 30px;
      justify-content: space-between;
      margin: 53px 0 0 35px;
      .txt11 {
        z-index: 214;
        width: 66px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 22px;
        line-height: 30px;
        text-align: center;
      }
      .section32 {
        z-index: 213;
        width: 592px;
        height: 1px;
        background-color: rgba(225, 228, 235, 0.3);
        margin-top: 14px;
      }
    }
    .section33 {
      z-index: auto;
      width: 672px;
      height: 30px;
      justify-content: space-between;
      margin: 53px 0 0 37px;
      .word20 {
        z-index: 217;
        width: 62px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 22px;
        line-height: 30px;
        text-align: center;
      }
      .mod13 {
        z-index: 215;
        width: 592px;
        height: 1px;
        background-color: rgba(225, 228, 235, 0.3);
        margin-top: 14px;
      }
    }
    .section34 {
      z-index: auto;
      width: 595px;
      height: 28px;
      justify-content: space-between;
      margin: 13px 0 0 112px;
      .txt12 {
        z-index: 219;
        width: 32px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .txt13 {
        z-index: 218;
        width: 41px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .word21 {
        z-index: 220;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .word22 {
        z-index: 221;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .info6 {
        z-index: 222;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .info7 {
        z-index: 223;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .info8 {
        z-index: 224;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .word23 {
        z-index: 225;
        width: 43px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .word24 {
        z-index: 226;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .info9 {
        z-index: 227;
        width: 44px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .word25 {
        z-index: 228;
        width: 53px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
      .info10 {
        z-index: 229;
        width: 49px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(202, 205, 211, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: center;
      }
    }
    .section35 {
      z-index: auto;
      width: 639px;
      height: 28px;
      margin: 20px 0 0 71px;
      .outer5 {
        z-index: 236;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        background-color: rgba(2, 221, 205, 1);
        margin-top: 5px;
      }
      .txt14 {
        z-index: 237;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(2, 221, 205, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        margin-left: 5px;
      }
      .outer6 {
        z-index: 231;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        background-color: rgba(89, 145, 255, 1);
        margin: 5px 0 0 10px;
      }
      .txt15 {
        z-index: 235;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(89, 145, 255, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        margin-left: 5px;
      }
      .outer7 {
        z-index: 230;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        background-color: rgba(253, 183, 91, 1);
        margin: 5px 0 0 20px;
      }
      .word26 {
        z-index: 232;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(253, 183, 91, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        margin-left: 5px;
      }
    }
    .section36 {
      z-index: auto;
      width: 203px;
      height: 28px;
      justify-content: space-between;
      margin: 10px 0 0 507px;
      .bd2 {
        z-index: 233;
        width: 18px;
        height: 18px;
        border-radius: 3px;
        background-color: rgba(255, 221, 71, 1);
        margin-top: 5px;
      }
      .info11 {
        z-index: 234;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 221, 71, 1);
        font-size: 20px;
        line-height: 28px;
        text-align: left;
      }
    }
    .section37 {
      z-index: 139;
      width: 670px;
      height: 1px;
      background-color: rgba(225, 228, 235, 1);
      align-self: center;
      margin-top: 40px;
    }
    .section38 {
      z-index: auto;
      width: 670px;
      height: 90px;
      justify-content: space-between;
      margin: 40px 0 0 40px;
      .mod14 {
        z-index: 117;
        height: 90px;
        background-color: rgba(200, 213, 252, 0.44);
        width: 160px;
        justify-content: center;
        align-items: center;
        .txt16 {
          z-index: 118;
          width: 112px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .mod15 {
        z-index: 112;
        height: 90px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28c1b940b0298b20890eb9916d64b2de378191666e0939797ef5d1b89f20c744)
          100% no-repeat;
        width: 253px;
        justify-content: center;
        align-items: center;
        .word27 {
          z-index: 114;
          width: 96px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .mod16 {
        z-index: 110;
        height: 90px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng28c1b940b0298b20890eb9916d64b2de378191666e0939797ef5d1b89f20c744)
          100% no-repeat;
        width: 253px;
        justify-content: center;
        align-items: center;
        .txt17 {
          z-index: 115;
          width: 96px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
    }
    .section39 {
      z-index: auto;
      width: 615px;
      height: 104px;
      margin: 2px 0 0 41px;
      .group5 {
        z-index: 119;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .word28 {
          z-index: 120;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .paragraph4 {
        z-index: 122;
        width: 168px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 19px 0 0 44px;
      }
      .word29 {
        z-index: 123;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(47, 58, 79, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 99px;
      }
    }
    .section40 {
      z-index: 121;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section41 {
      z-index: auto;
      width: 609px;
      height: 104px;
      margin-left: 41px;
      .layer7 {
        z-index: 124;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .txt18 {
          z-index: 125;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .info12 {
        z-index: 127;
        width: 133px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 61px;
      }
      .word30 {
        z-index: 128;
        width: 133px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 122px;
      }
    }
    .section42 {
      z-index: 126;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
    .section43 {
      z-index: auto;
      width: 393px;
      height: 33px;
      justify-content: space-between;
      margin: 35px 0 0 260px;
      .word31 {
        z-index: 132;
        width: 138px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
      .word32 {
        z-index: 133;
        width: 138px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
      }
    }
    .section44 {
      z-index: 131;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
      margin-top: 35px;
    }
    .section45 {
      z-index: auto;
      width: 612px;
      height: 104px;
      margin-left: 41px;
      .section46 {
        z-index: 134;
        height: 104px;
        background-color: rgba(200, 213, 252, 0.14);
        width: 160px;
        justify-content: center;
        align-items: center;
        .word33 {
          z-index: 135;
          width: 133px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(47, 58, 79, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .info13 {
        z-index: 137;
        width: 148px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 54px;
      }
      .word34 {
        z-index: 138;
        width: 138px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(62, 105, 229, 1);
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        margin: 36px 0 0 112px;
      }
    }
    .section47 {
      z-index: 136;
      width: 671px;
      height: 1px;
      background-color: rgba(200, 213, 252, 0.44);
      align-self: center;
    }
  }
  .box7 {
    z-index: 151;
    height: 181px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc385833b8d2577025009f92c90ac9d4b2fea8fac7c6ed6628d4fd5cb3e6d1535) -23px -24px
      no-repeat;
    width: 671px;
    justify-content: center;
    align-items: flex-start;
    padding-left: 51px;
    position: absolute;
    left: 41px;
    top: 348px;
    .bd3 {
      z-index: auto;
      width: 522px;
      height: 138px;
      .section48 {
        z-index: auto;
        width: 216px;
        height: 138px;
        .mod17 {
          z-index: 157;
          height: 62px;
          border-radius: 50%;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng2d72efd2204de1a4ded69b6f074a4c43cbfe16b76608dbb6e6e42d58f2281b9d)
            100% no-repeat;
          align-self: flex-start;
          margin-left: 74px;
          width: 62px;
          justify-content: center;
          align-items: center;
          .label1 {
            z-index: 158;
            width: 40px;
            height: 40px;
          }
        }
        .paragraph5 {
          z-index: 155;
          width: 216px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          font-family: PingFangSC-Medium;
          line-height: 33px;
          text-align: center;
          margin-top: 10px;
        }
      }
      .section49 {
        z-index: 153;
        height: 90px;
        border-radius: 50%;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng00b29ff2ec0c295c4803c938c993026a1814b5dc94e98031da8c56f8486fbc09) -23px -23px
          no-repeat;
        width: 90px;
        justify-content: center;
        align-items: center;
        margin: 24px 0 0 22px;
        .img3 {
          z-index: 154;
          width: 58px;
          height: 36px;
        }
      }
      .section50 {
        z-index: auto;
        width: 144px;
        height: 105px;
        margin-left: 50px;
        .pic4 {
          z-index: 159;
          width: 62px;
          height: 62px;
          align-self: flex-start;
          margin-left: 38px;
        }
        .word35 {
          z-index: 181;
          width: 144px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          font-family: PingFangSC-Medium;
          line-height: 33px;
          text-align: center;
          margin-top: 10px;
        }
      }
    }
  }
  .box8 {
    z-index: 83;
    height: 104px;
    background-color: rgba(200, 213, 252, 0.14);
    width: 160px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 41px;
    top: 870px;
    .word36 {
      z-index: 84;
      width: 133px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(47, 58, 79, 1);
      font-size: 24px;
      line-height: 33px;
      text-align: center;
    }
  }
  .info14 {
    z-index: 193;
    position: absolute;
    left: 363px;
    top: 1537px;
    width: 34px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(62, 105, 229, 1);
    font-size: 28px;
    font-family: PingFangSC-Medium;
    line-height: 40px;
    text-align: center;
  }
  .box9 {
    z-index: 205;
    position: absolute;
    left: 195px;
    top: 1638px;
    width: 168px;
    height: 6px;
    border-radius: 3px;
    background-color: rgba(62, 105, 229, 1);
  }
  .box10 {
    z-index: 206;
    position: absolute;
    left: 342px;
    top: 1627px;
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
  }
  .box11 {
    z-index: 287;
    height: 171px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb1d292fbbcca7dc18e32c25d1089a4f58e8a60f2ef179734d350313b2b85004a)
      100% no-repeat;
    width: 313px;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: 230px;
    top: 1882px;
    padding: 14px 0 0 13px;
    .section51 {
      z-index: auto;
      width: 284px;
      height: 129px;
      .layer8 {
        z-index: auto;
        width: 63px;
        height: 30px;
        justify-content: space-between;
        .bd4 {
          z-index: 292;
          width: 3px;
          height: 19px;
          background-color: rgba(255, 255, 255, 1);
          margin-top: 6px;
        }
        .info15 {
          z-index: 291;
          width: 49px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 22px;
          line-height: 30px;
          text-align: left;
        }
      }
      .paragraph6 {
        z-index: 290;
        width: 284px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 20px;
        font-family: PingFangSC-Light;
        line-height: 24px;
        text-align: left;
        margin-top: 3px;
      }
    }
  }
  .box12 {
    z-index: 310;
    position: absolute;
    left: 684px;
    top: 2028px;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, 1);
    background-image: linear-gradient(
      90deg,
      rgba(255, 221, 71, 1) 0%,
      rgba(234, 191, 0, 1) 100%
    );
    border-radius: 50%;
  }
  .txt19 {
    z-index: 276;
    position: absolute;
    left: 667px;
    top: 2078px;
    width: 48px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(167, 172, 185, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
  .box13 {
    z-index: 238;
    height: 263px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0c05f1bd741ed39d9ffb6891d0ee643f270423ba4c068176598c82ddc181c5bf) -1px -3px
      no-repeat;
    width: 592px;
    position: absolute;
    left: 117px;
    top: 1994px;
    .box14 {
      z-index: auto;
      width: 48px;
      height: 22px;
      margin: 40px 0 0 475px;
      .word37 {
        z-index: 274;
        width: 48px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(167, 172, 185, 1);
        font-size: 16px;
        line-height: 22px;
        text-align: center;
      }
    }
    .box15 {
      z-index: auto;
      width: 13px;
      height: 13px;
      margin: -60px 0 0 567px;
      .section52 {
        z-index: 256;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 210, 150, 1) 0%,
          rgba(253, 175, 72, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .word38 {
      z-index: 273;
      position: absolute;
      left: 427px;
      top: 59px;
      width: 61px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(167, 172, 185, 1);
      font-size: 16px;
      line-height: 22px;
      text-align: center;
    }
    .box16 {
      z-index: 239;
      height: 215px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng05ae3d517a1e02a50afc0c3358cf47a4d8684ce05cb76dd07f421acc45730711) -1px -3px
        no-repeat;
      width: 593px;
      position: absolute;
      left: 0;
      top: 66px;
      .box17 {
        z-index: auto;
        width: 196px;
        height: 32px;
        margin-left: 384px;
        .word39 {
          z-index: 270;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(167, 172, 185, 1);
          font-size: 16px;
          line-height: 22px;
          text-align: center;
          margin-top: 10px;
        }
        .group6 {
          z-index: 257;
          width: 13px;
          height: 13px;
          border: 2px solid rgba(255, 255, 255, 1);
          background-image: linear-gradient(
            90deg,
            rgba(95, 221, 255, 1) 0%,
            rgba(88, 130, 255, 1) 100%
          );
          border-radius: 50%;
          margin: 19px 0 0 18px;
        }
        .group7 {
          z-index: 255;
          width: 13px;
          height: 13px;
          border: 2px solid rgba(255, 255, 255, 1);
          background-image: linear-gradient(
            90deg,
            rgba(255, 210, 150, 1) 0%,
            rgba(253, 175, 72, 1) 100%
          );
          border-radius: 50%;
          margin: 16px 0 0 42px;
        }
        .group8 {
          z-index: 259;
          width: 13px;
          height: 13px;
          border: 2px solid rgba(255, 255, 255, 1);
          background-image: linear-gradient(
            90deg,
            rgba(95, 221, 255, 1) 0%,
            rgba(88, 130, 255, 1) 100%
          );
          border-radius: 50%;
          margin-left: 49px;
        }
      }
      .box18 {
        z-index: auto;
        width: 550px;
        height: 168px;
        margin: 2px 0 0 6px;
        .main1 {
          z-index: 241;
          width: 13px;
          height: 13px;
          border: 2px solid rgba(255, 255, 255, 1);
          background-image: linear-gradient(
            90deg,
            rgba(255, 210, 150, 1) 0%,
            rgba(253, 175, 72, 1) 100%
          );
          border-radius: 50%;
          margin-top: 155px;
        }
        .main2 {
          z-index: auto;
          width: 13px;
          height: 106px;
          margin: 59px 0 0 37px;
          .bd5 {
            z-index: 263;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(95, 221, 255, 1) 0%,
              rgba(88, 130, 255, 1) 100%
            );
            border-radius: 50%;
          }
          .bd6 {
            z-index: 242;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(255, 210, 150, 1) 0%,
              rgba(253, 175, 72, 1) 100%
            );
            border-radius: 50%;
            margin-top: 80px;
          }
        }
        .main3 {
          z-index: auto;
          width: 48px;
          height: 135px;
          margin: 26px 0 0 20px;
          .main4 {
            z-index: 262;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(95, 221, 255, 1) 0%,
              rgba(88, 130, 255, 1) 100%
            );
            border-radius: 50%;
            align-self: center;
          }
          .main5 {
            z-index: 243;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(255, 210, 150, 1) 0%,
              rgba(253, 175, 72, 1) 100%
            );
            border-radius: 50%;
            align-self: center;
            margin-top: 82px;
          }
          .word40 {
            z-index: 266;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(167, 172, 185, 1);
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            margin-top: 5px;
          }
        }
        .main6 {
          z-index: auto;
          width: 195px;
          height: 111px;
          margin: 6px 0 0 1px;
          .section53 {
            z-index: auto;
            width: 195px;
            height: 59px;
            justify-content: space-between;
            .bd7 {
              z-index: auto;
              width: 48px;
              height: 39px;
              margin-top: 9px;
              .info16 {
                z-index: 268;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
              }
              .mod18 {
                z-index: 261;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(95, 221, 255, 1) 0%,
                  rgba(88, 130, 255, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
                margin-top: 4px;
              }
            }
            .bd8 {
              z-index: auto;
              width: 48px;
              height: 52px;
              margin-top: 7px;
              .word41 {
                z-index: 279;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
              }
              .group9 {
                z-index: 247;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(95, 221, 255, 1) 0%,
                  rgba(88, 130, 255, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
                margin-top: 2px;
              }
              .group10 {
                z-index: 245;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(255, 210, 150, 1) 0%,
                  rgba(253, 175, 72, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
                margin-top: 2px;
              }
            }
            .bd9 {
              z-index: auto;
              width: 48px;
              height: 39px;
              .word42 {
                z-index: 283;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
              }
              .box19 {
                z-index: 246;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(255, 210, 150, 1) 0%,
                  rgba(253, 175, 72, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
                margin-top: 4px;
              }
            }
            .bd10 {
              z-index: auto;
              width: 48px;
              height: 48px;
              margin-top: 10px;
              .word43 {
                z-index: 269;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
              }
              .mod19 {
                z-index: 260;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(255, 210, 150, 1) 0%,
                  rgba(253, 175, 72, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
              }
              .mod20 {
                z-index: 249;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(95, 221, 255, 1) 0%,
                  rgba(88, 130, 255, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
              }
            }
          }
          .section54 {
            z-index: auto;
            width: 140px;
            height: 46px;
            justify-content: space-between;
            margin: 6px 0 0 11px;
            .box20 {
              z-index: auto;
              width: 48px;
              height: 40px;
              margin-top: 6px;
              .box21 {
                z-index: 244;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(255, 210, 150, 1) 0%,
                  rgba(253, 175, 72, 1) 100%
                );
                border-radius: 50%;
                align-self: flex-start;
                margin-left: 6px;
              }
              .txt20 {
                z-index: 280;
                width: 48px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
                margin-top: 5px;
              }
            }
            .box22 {
              z-index: auto;
              width: 62px;
              height: 40px;
              .outer8 {
                z-index: 248;
                width: 13px;
                height: 13px;
                border: 2px solid rgba(255, 255, 255, 1);
                background-image: linear-gradient(
                  90deg,
                  rgba(95, 221, 255, 1) 0%,
                  rgba(88, 130, 255, 1) 100%
                );
                border-radius: 50%;
                align-self: center;
              }
              .word44 {
                z-index: 282;
                width: 62px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(167, 172, 185, 1);
                font-size: 16px;
                line-height: 22px;
                text-align: center;
                margin-top: 5px;
              }
            }
          }
        }
        .main7 {
          z-index: auto;
          width: 13px;
          height: 46px;
          margin: 35px 0 0 19px;
          .box23 {
            z-index: 251;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(95, 221, 255, 1) 0%,
              rgba(88, 130, 255, 1) 100%
            );
            border-radius: 50%;
          }
          .box24 {
            z-index: 250;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(255, 210, 150, 1) 0%,
              rgba(253, 175, 72, 1) 100%
            );
            border-radius: 50%;
            margin-top: 20px;
          }
        }
        .main8 {
          z-index: auto;
          width: 45px;
          height: 137px;
          margin: 2px 0 0 20px;
          .mod21 {
            z-index: 252;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(95, 221, 255, 1) 0%,
              rgba(88, 130, 255, 1) 100%
            );
            border-radius: 50%;
            align-self: center;
          }
          .mod22 {
            z-index: 253;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(255, 210, 150, 1) 0%,
              rgba(253, 175, 72, 1) 100%
            );
            border-radius: 50%;
            align-self: center;
            margin-top: 84px;
          }
          .txt21 {
            z-index: 271;
            width: 45px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(167, 172, 185, 1);
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            margin-top: 5px;
          }
        }
        .main9 {
          z-index: auto;
          width: 48px;
          height: 40px;
          margin: 116px 0 0 3px;
          .box25 {
            z-index: 254;
            width: 13px;
            height: 13px;
            border: 2px solid rgba(255, 255, 255, 1);
            background-image: linear-gradient(
              90deg,
              rgba(255, 210, 150, 1) 0%,
              rgba(253, 175, 72, 1) 100%
            );
            border-radius: 50%;
            align-self: center;
          }
          .word45 {
            z-index: 272;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(167, 172, 185, 1);
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            margin-top: 5px;
          }
        }
        .word46 {
          z-index: 275;
          width: 48px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(167, 172, 185, 1);
          font-size: 16px;
          line-height: 22px;
          text-align: center;
          margin-left: 27px;
        }
      }
      .box26 {
        z-index: auto;
        width: 13px;
        height: 13px;
        margin-left: 6px;
        .group11 {
          z-index: 240;
          width: 13px;
          height: 13px;
          border: 2px solid rgba(255, 255, 255, 1);
          background-image: linear-gradient(
            90deg,
            rgba(95, 221, 255, 1) 0%,
            rgba(88, 130, 255, 1) 100%
          );
          border-radius: 50%;
        }
      }
      .box27 {
        z-index: 258;
        position: absolute;
        left: 505px;
        top: 8px;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(95, 221, 255, 1) 0%,
          rgba(88, 130, 255, 1) 100%
        );
        border-radius: 50%;
      }
      .word47 {
        z-index: 267;
        position: absolute;
        left: 84px;
        top: 35px;
        width: 59px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(167, 172, 185, 1);
        font-size: 16px;
        line-height: 22px;
        text-align: center;
      }
      .txt22 {
        z-index: 284;
        position: absolute;
        left: 20px;
        top: 72px;
        width: 48px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(167, 172, 185, 1);
        font-size: 16px;
        line-height: 22px;
        text-align: center;
      }
      .info17 {
        z-index: 278;
        position: absolute;
        left: 280px;
        top: 102px;
        width: 48px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(167, 172, 185, 1);
        font-size: 16px;
        line-height: 22px;
        text-align: center;
      }
      .txt23 {
        z-index: 281;
        position: absolute;
        left: 190px;
        top: 104px;
        width: 48px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(167, 172, 185, 1);
        font-size: 16px;
        line-height: 22px;
        text-align: center;
      }
    }
  }
  .box28 {
    z-index: 216;
    position: absolute;
    left: 316px;
    top: 1967px;
    width: 56px;
    height: 333px;
    background-color: rgba(242, 244, 250, 1);
  }
  .box29 {
    z-index: 293;
    height: 253px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1b2aacb53b9d32ddce1ac6ff0f63591b9ff516b763a16a42bf3335286e916827) -3px -3px
      no-repeat;
    width: 603px;
    position: absolute;
    left: 112px;
    top: 2009px;
    .layer9 {
      z-index: auto;
      width: 13px;
      height: 13px;
      margin: 162px 0 0 18px;
      .bd11 {
        z-index: 294;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .layer10 {
      z-index: auto;
      width: 55px;
      height: 18px;
      justify-content: space-between;
      margin: -50px 0 0 111px;
      .mod23 {
        z-index: 296;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
        margin-top: 5px;
      }
      .mod24 {
        z-index: 297;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .layer11 {
      z-index: auto;
      width: 261px;
      height: 26px;
      margin: -48px 0 0 209px;
      .group12 {
        z-index: 298;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
        margin-top: 8px;
      }
      .group13 {
        z-index: 301;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
        margin-left: 136px;
      }
      .group14 {
        z-index: 302;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
        margin: 13px 0 0 36px;
      }
      .group15 {
        z-index: 303;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
        margin: 3px 0 0 37px;
      }
    }
    .layer12 {
      z-index: auto;
      width: 63px;
      height: 13px;
      justify-content: space-between;
      margin: -44px 0 0 259px;
      .bd12 {
        z-index: 299;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
      .bd13 {
        z-index: 300;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .layer13 {
      z-index: auto;
      width: 13px;
      height: 13px;
      margin: -30px 0 0 510px;
      .block1 {
        z-index: 304;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .layer14 {
      z-index: auto;
      width: 13px;
      height: 13px;
      margin: -73px 0 0 575px;
      .mod25 {
        z-index: 305;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(2, 221, 205, 1) 0%,
          rgba(2, 166, 154, 1) 100%
        );
        border-radius: 50%;
      }
    }
  }
  .box30 {
    z-index: 309;
    height: 230px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5ad074c806618a565d4d2f493dc2f5d43f7515ceb0e0437d8250a23742ac87ea) -3px -3px
      no-repeat;
    width: 590px;
    position: absolute;
    left: 120px;
    top: 2034px;
    .bd14 {
      z-index: auto;
      width: 312px;
      height: 37px;
      justify-content: space-between;
      margin: 90px 0 0 50px;
      .bd15 {
        z-index: 320;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin-top: 24px;
      }
      .bd16 {
        z-index: 318;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin-top: 10px;
      }
      .bd17 {
        z-index: 316;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
      }
      .bd18 {
        z-index: 314;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin-top: 13px;
      }
    }
    .bd19 {
      z-index: auto;
      width: 209px;
      height: 13px;
      margin-left: 103px;
      justify-content: space-between;
      .group16 {
        z-index: 319;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
      }
      .group17 {
        z-index: 315;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
      }
    }
    .bd20 {
      z-index: auto;
      width: 260px;
      height: 17px;
      margin: -80px 0 0 201px;
      .outer9 {
        z-index: 317;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin-top: 4px;
      }
      .outer10 {
        z-index: 313;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin: 2px 0 0 185px;
      }
      .outer11 {
        z-index: 312;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
        margin-left: 36px;
      }
    }
    .bd21 {
      z-index: auto;
      width: 13px;
      height: 13px;
      margin: -39px 0 0 505px;
      .main10 {
        z-index: 311;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(255, 255, 255, 1);
        background-image: linear-gradient(
          90deg,
          rgba(255, 221, 71, 1) 0%,
          rgba(234, 191, 0, 1) 100%
        );
        border-radius: 50%;
      }
    }
  }
  .info18 {
    z-index: 285;
    position: absolute;
    left: 107px;
    top: 2223px;
    width: 45px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(167, 172, 185, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
  .box31 {
    z-index: 295;
    position: absolute;
    left: 108px;
    top: 2244px;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, 1);
    background-image: linear-gradient(
      90deg,
      rgba(2, 221, 205, 1) 0%,
      rgba(2, 166, 154, 1) 100%
    );
    border-radius: 50%;
  }
  .box32 {
    z-index: 321;
    position: absolute;
    left: 117px;
    top: 2245px;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(255, 255, 255, 1);
    background-image: linear-gradient(
      90deg,
      rgba(255, 221, 71, 1) 0%,
      rgba(234, 191, 0, 1) 100%
    );
    border-radius: 50%;
  }
  .word48 {
    z-index: 265;
    position: absolute;
    left: 157px;
    top: 2264px;
    width: 45px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(167, 172, 185, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
  .info19 {
    z-index: 264;
    position: absolute;
    left: 100px;
    top: 2280px;
    width: 59px;
    display: block;
    overflow-wrap: break-word;
    color: rgba(167, 172, 185, 1);
    font-size: 16px;
    line-height: 22px;
    text-align: center;
  }
  .box33 {
    z-index: 129;
    height: 104px;
    background-color: rgba(200, 213, 252, 0.14);
    width: 160px;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 41px;
    top: 2824px;
    .word49 {
      z-index: 130;
      width: 133px;
      display: block;
      overflow-wrap: break-word;
      color: rgba(47, 58, 79, 1);
      font-size: 24px;
      line-height: 33px;
      text-align: center;
    }
  }
}

</style>
